@charset "UTF-8";

/* Contentelemente-CSS
/  Version: 0.5
/  Author: Patrick Weil
/  Author URI: http://www.webpages.de
*/

@media all {

    /* Alle Schriftgroessen auf Standardgroesse (16 Pixel) zuruecksetzen */
     html * { font-size: 100.01% }

    /* Allgemeine Auszeichnungen fuer alle grundsaetzlichen Textelemente */
    body { color:#fff; font-size: 13px;  }
    input, select { font-size: 100%; }

    h1,h2,h3,h4,h5,h6 {}

    h1 {  }
    h2 { display: block;;background: #00dafa;padding: 2px 5px 3px 5px; color: #000; font-size:14px; text-transform: uppercase;  }
    h3{font-size: 16px; color:#00dafa; font-weight: bold; }
    h4{font-size: 13px;color: #fff; font-weight: normal;}
    .footerPage h3 { font-size: 18px; margin: 0 0 20px 0; color:#fff; }
    .footerPage h4 { font-size: 14px; color: #fff; }
    h5 {  }
    h6 {  }

    p { /*color:#fff; margin: 0 0 15px 0; /*line-height: 16px;*/}
    img { margin: 0; }

    a {color:#00dafa; outline: none; text-decoration: none;}
    a:hover, a:active, a:focus {  }

    /* Listen */
  ul, ol, dl { margin: 0; }
  li {list-style: none;margin: 0; }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* Textauszeichnungen */
  strong,b { font-weight: bold }
  em,i { font-style:italic }

  /* Standardklassen zur Positionierung und Hervorhebung */
  .note {  }
  .important {  }
  .warning {  }
  .bold{font-weight: bold;}

  .float_left { float: left; margin-right: 5px;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }

    /* Spezielle layoutbezogene Anpassungen fuer Texte, Boxen, Tabellen, Listen und andere Elemente */
    #col1_PlayCutcontent{display: none;}
   /*Header*/
    .header{ padding: 5px 0 0;}
    #login{overflow: hidden; clear:both;/*margin:8px 0 0;*/ }
    #login .logLink a, #login .logLinkFirst a, #login .logReg a, #logtIn .logtIn a, #logtIn .logOut a{text-transform: uppercase;}
    #login span{margin: 0 3px 0 0; font-size: 11px;text-transform: none;color:#A0A0A0;}
    #login .logFirst {float: left;overflow: hidden;}
    #logFirstForm{display: none;}
    #logFirst{display: block; overflow: hidden;margin: 8px 0 0;}
    #loginForm .zend_form{margin: 4px 0 0;}
    #loginForm .zend_form input{background-color:#004E5A;color:#fff;border:none;height:20px;width:140px;padding: 0 5px;}
    #logFirstForm .float_left a{margin:8px 0 0;display:block; text-transform: none;font-weight: normal;}
    #login{font-weight:bold;}

    .header .top{clear: both; overflow: hidden;margin: 0 0 5px;}

    .header .top .logo{float: left;}

    .header .top .topnav{float: right; font-size: 12px;text-transform: uppercase; font-weight: bold; }

    .header .top .topnav .user {float: left;}
    .header .top .topnav .user ul{}
    .header .top .topnav .user ul li{float: left; padding: 0 5px;}
    .header .top .topnav .user ul li p{text-transform: none;}
    .header .top .topnav .user ul li a{}

    /*FLAGGEN*/
    .header .top .topnav #login .lang{float: left; margin: 0 0 0 20px  }
    .header .top .topnav #login .lang a span{margin: -9999em;}
    .header .top .topnav #login .lang a {height: 12px; width: 24px; display: block; float: left; padding: 0 2px;}

    .header .top .topnav #login .lang a.de {background: url("../img/ce/sprite_flag.png") no-repeat; background-position: 0 -15px; }
    .header .top .topnav #login .lang a.de:hover {background-position: 0 0 }
    .header .top .topnav #login .lang a.de.active {background-position: 0 0}

    .header .top .topnav #login .lang a.en{background: url("../img/ce/sprite_flag.png") no-repeat; background-position:-32px -15px; }
    .header .top .topnav #login .lang a.en:hover{background-position: -32px 0; }
    .header .top .topnav #login .lang a.en.active{background-position: -32px 0;}

    .header .top .topnav #login .lang a.ita{background: url("../img/ce/sprite_flag.png") no-repeat;background-position: -64px -15px; }
    .header .top .topnav #login .lang a.ita:hover{background-position: -64px 0;}
    .header .top .topnav #login .lang a.ita.active{background-position: -64px 0;}

    .header .top .topnav #login .lang a.es{background: url("../img/ce/sprite_flag.png") no-repeat; background-position: -96px -15px; }
    .header .top .topnav #login .lang a.es:hover{ background-position: -96px 0; }
    .header .top .topnav #login .lang a.es.active{ background-position: -96px 0; }

    .header .bottom{clear: both; overflow: hidden; background: #002126;padding: 1px 21px 1px 0;}

/*

    .header .bottom .search input{width: 168px; height: 13px; padding: 2px; line-height: 13px; font-size: 12px; }
    .header .bottom .search label{color: #fff; text-transform: uppercase; font-size: 14px; font-weight: bold;}
*/
    .header .bottom .search {float: right; padding: 2px 0 0}
    .search input{margin: 0 5px 0 0;border: none;width: 150px;padding: 0 5px;height: 18px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;}
    .search label {text-transform: uppercase;font-weight: bold;font-size: 14px;color:#fff;}
    /*ENDE: Header */


    /*START: header ueber der Bilderliste*/
    .headerAllClips{background: #02424d ;}
    .headerAllClips:hover{background: #036675 url("../img/ce/arrow_mo.gif") no-repeat 617px center;}
    .headerAllClips a{padding: 17px 15px 17px 15px; display: block; color: #fff;}
    /*ENDE: header ueber der Bilderliste*/

    /*START: Bilderliste mit Beschreibung*/
    .scrollContainer .imgList, .scrollContent .imgList {width:600px;clear: both; overflow: hidden; background: #02424d;margin: 5px 5px 0 0; padding: 10px; position: relative;cursor: pointer}
    .scrollContainer .imgList:hover, .scrollContent .imgList:hover {background: #036675 url("../img/ce/arrow_mo.gif") no-repeat 601px 87px }
    .scrollContainer .imgList.active, .scrollContent .imgList.active{background: #036675 url("../img/ce/arrow_mo.gif") no-repeat 601px 87px }
    .scrollContainer .imgList a, .scrollContent .imgList a {overflow: hidden; display: block; color: #fff}
    .scrollContainer .imgList .date, .scrollContent .imgList .date{font-size: 12px;position: absolute;right: 10px;top:10px;color: #71a9b1;text-align: right }
    .scrollContainer .imgList .imgBox, .scrollContent .imgList .imgBox{height: 92px; width: 145px; /*background: #036675; -webkit-box-shadow: 1px 2px 8px 1px #000000;box-shadow: 1px 2px 8px 1px #000000;*/ float: left; margin: 0 13px 0 0;display: block;}
    .scrollContainer .imgList .imgBox img, .scrollContent .imgList .imgBox img{background: #036675; -webkit-box-shadow: 1px 2px 8px 1px #000000;box-shadow: 1px 2px 8px 1px #000000;}
    .scrollContainer .imgList .desc, .scrollContent .imgList .desc {float: left; width: 390px;display: block;}
    .scrollContainer .imgList .desc .txtDesc, .scrollContent .imgList .desc .txtDesc{margin: 10px 0; display: block; font-size: 12px;}
    .scrollContainer .imgList .desc .keywords, .scrollContent .imgList .desc .keywords {display: block;font-size: 12px;}
    .scrollContainer .imgList .desc .keywords .blue, .scrollContent .imgList .desc .keywords .blue{color: #00dafa}


    .myprojects .scrollContent .imgList:hover {background: #036675;}
    .myprojects .scrollContent .imgList.active{background: #036675;}
    /*ENDER: Bilderliste mit Beschreibung*/


    /* START: My Projekt*/
    .myProList{cursor: pointer}
    .myProList:hover{background: #036675 none; }
    .myProList .txtDesc{}
    .myProList .txtDesc dl{}
    .myProList .txtDesc dl dt{width: 140px; float: left; margin: 0}
    .myProList .txtDesc dl dd{ margin: 0;}
    .myProList .btn-set{}
    .myProList .btn-set a{height:21px; width: 128px; display: block; float: left; margin: 0 1px 0 0}
    .myProList .btn-set a span{margin: -9999em}
    .myProList .btn-set a.open{background: url("../img/ce/btn_open.gif") no-repeat 0 0;}
    .myProList .btn-set a.export{background: url("../img/ce/btn_export.gif") no-repeat 0 0;}
    .myProList .btn-set a.delete{background: url("../img/ce/btn_delete.gif") no-repeat 0 0;}

    /* ENDE: My Projekt*/


    /*Scroll Content*/
    .scrollContent{overflow: auto;}

   /*TopFolder Box*/
   #col1_content .scrollContent .topFolder{cursor:pointer;color:#fff;margin:0 0 7px;background-color: #02424D;padding: 5px;height: 146px;width: 606px; }
   #col1_content .scrollContent .topFolder:hover{background-color: #036675;}
   #col1_content .scrollContent .topFolder .topFolderPic{float: left;margin: 8px;}
   #col1_content .scrollContent .topFolder .txt {float: left; font-size: 12px;padding: 6px 0 0 10px;width: 423px;}
   #col1_content .scrollContent .topFolder .txt .headline {color:#fff;font-weight: bold;width: 355px;}
   #col1_content .scrollContent .topFolder .txt .subline{color:#00dafa; font-weight: bold; height:32px; width: 355px;margin: 0 0 3px;}
   #col1_content .scrollContent .topFolder .txt .descriptionTxt{width:407px;padding:0;overflow: hidden;height: 45px;}
   #col1_content .scrollContent .topFolder .txt .keywords{padding: 10px 0 0 0;height:32px;}
   #col1_content .scrollContent .topFolder .txt .keywords span{color: #8e8e8e;}
   #col1_content .scrollContent .topFolder .txt .date{float: right;text-align: right;}
   /*ENDE TopFolder Box*/

  /*Clip Box*/
    .clipBox .clips{float:left;width: 286px;color: #fff;font-size: 12px; background-color: #02424d; padding: 0 0 10px; margin: 0 5px 5px 0; cursor: pointer;}
    .clipBox .clips:hover{background-color: #036675;}
    .clipBox .clips .thumClip{float: left;margin: 8px;}
    .clipBox .clips .txt {float: left; font-size: 12px;padding: 6px 0 0 3px;width: 164px;}
    .clipBox .clips .txt .subline{color:#00dafa; font-weight: bold;margin: 0 0 6px 0;}
    .clipBox .clips .txt .lang span{color: #8E8E8E}
    .clipBox .clips .button{float: left;margin: 10px 0 8px 4px; width: 160px;}
    .clipBox .clips .button .downloadBtn{ background: url("../img/ce/dowload_bt.gif"); height: 21px; width:40px; float: left; cursor: pointer}
    .clipBox .clips .button .downloadBtn:hover{background: url("../img/ce/dowload_btn_hov.gif");}
    .clipBox .clips .button .downloadBtn:active{background: url("../img/ce/dowload_btn_click.gif"); height: 21px; width:40px; float: left;}
    .clipBox .clips .button .playBtn{background: url("../img/ce/play_btn.gif"); height: 21px; width:40px; float: left;cursor: pointer}
    .clipBox .clips .button .playBtn:hover{background: url("../img/ce/play_btn_hov.gif");}
    .clipBox .clips .button .playBtn:active{background: url("../img/ce/play_btn_click.gif");}

    .clipBox .clips .button .downloadBtn .download{display: none; z-index: 1000;}
    .clipBox .clips .button .downloadBtn:hover .download{display: block;}
    .clipBox .clips .button .downloadBtn .download ul{position: relative;z-index: 1000; margin: 21px 0 0;background: #002126;width:110px; padding:5px;}
    .clipBox .clips .button .downloadBtn .download ul li{margin:  0;}
    .clipBox .clips .button .downloadBtn .download ul li a{ font-size:12px;margin: 0 5px 0 0; border-right: 1px solid #ccc;padding: 0 5px 0 0}
    .clipBox .clips .button .downloadBtn .download ul li a.last{border: none;}

    .clipBox .clips .button .rememberBtn{background: url("../img/ce/merken_btn.gif"); height: 21px; width:40px; float: left;cursor: pointer}
    .clipBox .clips .button .rememberBtn:hover{background: url("../img/ce/merken_btn_hov.gif");}
    .clipBox .clips .button .rememberBtn:active{background: url("../img/ce/merken_btn_click.gif");}
    .clipBox .clips .button .deleteBtn{background: url("../img/ce/loeschen_btn.gif"); height: 21px; width:40px; float: left;cursor: pointer}
    .clipBox .clips .button .deleteBtn:hover{background: url("../img/ce/loeschen_btn_hov.gif"); height: 21px; width:40px; float: left;cursor: pointer}
    .clipBox .clips .button .deleteBtn:active{background: url("../img/ce/loeschen_btn_click.gif"); height: 21px; width:40px; float: left;cursor: pointer}     .clipBox .clips .thumClip .hdContainer{clear:both;overflow:hidden;background-color: #002126;height: 21px;width: 96px;margin: 2px 0 0;}
    .clipBox .clips .thumClip .hdContainer span{text-align: center; padding: 3px 3px 0 0;}
    .clipBox .clips .thumClip .hdContainer .quali{display: block; float: left; width:38px;}
    .clipBox .clips .thumClip .hdContainer .time{display: block; float: right; }
    .clipBox .clips .content {padding: 0 0 0 9px;width: 271px;clear: both;}

    .clipBox .clipHeadline{width:272px; background-color: #036675; padding:7px; margin: 0 0 5px 0;}
    .clipBox .clipHeadline h4{}
    .clipBox .clipHeadline h4 span{float: right; font-size: 12px; color:#71a9b1 }
    .clipBox .clipHeadline h3{}

    /*START: Clip Box Kachelansicht*/
    .flex .tile .clipBox {}
    .flex .tile .clipBox .clips{padding:0;width: 120px;float: left;margin: 0 16px 10px 9px;}
    .flex .tile .clipBox .clips .thumClip{margin: 0; text-align: center;  }
    .flex .tile .clipBox .clips .txt {display: none;}

    .flex .tile .clipBox .clips .button{margin: 0; width: 120px;}
    .flex .tile .clipBox .clips .thumClip .hdContainer{width: 120px; margin: 0; }
    .flex .tile .clipBox .clips .thumClip img{height:66px; width: 120px;}

    .flex .tile .clipBox .clips:hover .hdContainer{display: none;}
    .flex .tile .clipBox .clips .button{display: none;}
    .flex .tile .clipBox .clips:hover .button{display: block;}

    .flex .tile .clipBox .clips .content {display: none;}

    .btnBack{height: 24px; background:#02424d; display: block; width: 60px;text-align: center; line-height: 24px; float: left; color: #fff;}
    .btnBack:hover, .btnClose:hover{background:#036675; color:#00dafa;}
    .btnClose{height: 21px; background:#02424d; display: block; width: 25px;text-align: center; line-height: 21px; float: left; color: #fff; margin: 4px 0 0;cursor: pointer;}

    #login input.fe_btnLogin{cursor: pointer;height: 20px; background:#00dafa;width: 30px;text-align: center; /*line-height: 24px; float: left;*/ color: #000; margin: 0;}
/*
    #login input.fe_btnLogin:hover{background:#036675; color:#00dafa;}
*/

    #wasserzeichen{width: 530px;margin: 170px auto 0;}

    .switch{float:right;margin: 5px 0;}
    .switch p {background: url("../img/ce/sprite_icons.png") no-repeat 0 0; width: 26px; height: 24px; display: block; float: left; margin: 0 5px 0 0; cursor: pointer;}

    .switch p.list {background-position: -27px 0 ;}
    .switch p.list:hover {background-position: -27px -29px ;}
    .switch p.list.active {background-position: -27px -29px ;}

    .switch p.tile {background-position: 0 0;margin: 0;}
    .switch p.tile:hover {background-position: 0 -29px ;}
    .switch p.tile.active{background-position: 0 -29px ;}
    .switch p span{margin: -9999em;}
    /*ENDE: Clip Box Kachelansicht*/
    /*ENDE: Clip Box */

   /*Footer*/
   #footer{text-align: right; font-size: 11px; padding: 10px 0 0;text-transform: uppercase;}
   #footer span{padding: 0 10px; border-right:1px solid #A0A0A0;}
   #footer span a{color:#A0A0A0; }
   #footer .impressum{border: none; padding: 0 0 0 10px;}
   /*ENDE Footer*/

    /*START Footerpages*/
    #col1 .footerPage{/*background: #01333b;*/ padding: 32px 32px 0 32px; width:576px; height:576px; overflow: auto;}


   .scroll{overflow-y: scroll;}
   .horizontalScroll{overflow-x: scroll;}

   /*Controllbar*/
   #controllbar{clear:both; overflow: hidden;}
   #controllbar div{float:left;cursor:pointer;}
   #controllbar .pause{display:none;background: url("../img/player/pause_btn.gif") no-repeat 0 0; width:66px;height: 29px;margin: 0 16px 0 0;}
    #controllbar .pause:hover{background: url("../img/player/pause_btn_hov.gif") no-repeat 0 0;}

   #controllbar .play{display:block;background: url("../img/player/play_btn.gif") no-repeat 0 0; width:66px;height: 29px;margin: 0 16px 0 0;}
    #controllbar .play:hover{background: url("../img/player/play_btn_hov.gif") no-repeat 0 0;}
   #controllbar .in{background: url("../img/player/in_btn.gif") no-repeat 0 0; width:89px;height: 29px;}
   #controllbar .playInToOut{background: url("../img/player/playInToOut_btn.gif") no-repeat 0 0; width:89px;height: 29px;}
   #controllbar .out{background: url("../img/player/out_btn.gif") no-repeat 0 0; width:89px;height: 29px;margin: 0 16px 0 0;}
   #controllbar .volumeBtn{background: url("../img/player/volume_btn.gif") no-repeat 0 0; width:56px;height: 29px;}
   #controllbar .leftVolume{background: url("../img/player/leftBox_btn.gif") no-repeat 0 0; width:35px;height: 29px;}
   #controllbar .rightVolume{background: url("../img/player/rightBox_btn.gif") no-repeat 0 0; width:36px;height: 29px;margin: 0 16px 0 0;}
   #controllbar .neuerClip{background: url("../img/player/newClip_btn.gif") no-repeat 0 0; width:129px;height: 29px;}

   #time{clear:both; overflow: hidden; font-size: 11px;color: #bebebe;margin: 5px 0 5px 82px;}
   #time div{float: left;}
   #time .totalTime{width:102px;height: 27px;background-color:#001d22;margin: 0 17px 0 0;text-align: center;}
   #time .totalTime span, #time .inOutPointLength span{display: block; padding: 7px 0 0 3px;float:left;}
    #time .totalTime span strong{color: #fff;}
    #time #activeTime{padding:7px 0 0 4px;}
    #time .inOutPointLength .textLength{padding:7px 0 0 5px;}
    #time .inOutPointLength .totalPointsTime {padding:7px 0 0 20px;}
   #time .inPointTime{width:88px;height: 27px;background-color:#001d22;margin: 0 1px 0 0;}
   #time .inOutPointLength{width:88px;height: 27px;background-color:#001d22;margin: 0 1px 0 0;text-align: center;}
    #time .inOutPointLength span{display:block; padding: 7px 0 0;}
   #time .outPointTime{width:89px;height: 27px;background-color:#001d22;margin: 0 16px 0 0;}
   #time .changeClip {cursor:pointer;background: url("../img/player/changeClip_btn.gif") no-repeat 0 0; width:129px;height: 29px;}
   #time .inPointTime span, #time .outPointTime span{display:block;width: 63px; margin: 7px 0 0 16px; background:url("../img/player/pen.png") no-repeat 52px 0; height:12px; color:#00dafa;}
   #time .inPointTime form input, #time .outPointTime form input{width:50px; height:12px; font-size:11px;}
   #timeSlider{margin: 0 0 15px;}
   #buffer {height:100%; background: #e87b10;}

   #volumeSlider{margin: 0 17px 0 0;display: block;}
   #volumeSliderMute{margin: 0 17px 0 0;display: none;height: 10px;width: 127px;background: #02434d;}
   /*#volumeSlider .outerBalken{width:127px; height: 10px; background-color: #001d22;position: relative;}*/
   /*#volumeSlider .outerBalken .processBalken{width:50%; height: 8px;background-color:#00dafa;margin: 1px;}*/
   /*#volumeSlider .outerBalken .anfasser{background: url("../img/player/anfasserKlein.gif") no-repeat 0 0;width:11px;height:11px;position:absolute;top: 0px;left: 3%;}*/
   #setInOutPoint{margin: 0 0 5px 91px; width:545px;}

   /*ENDE Controllbar*/

   /*playlist*/
    #playlist #projectName{padding: 0 0 5px 15px;float:left; display:block;width: 165px; margin: 0 0 0 8px; background:url("../img/player/pen.png") no-repeat 0 0; height:12px;}
    #playlist .playlistHead p strong{float:left;}
    #playlist .playlistHead{overflow: hidden;clear: both;}
    #playlist{background-color: #036675;margin: 7px 0 0 0;padding: 5px;height: 149px;}
    #playlist .playlistHead p{float: left; width:245px;font-size: 13px;color: #fff; font-weight: normal;padding: 3px 0 0 7px;}
    #playlist .playlistHead p strong{color:#00cbe8; text-transform: uppercase;}
    #playlist .playlistHead{clear:both;overflow: hidden; padding: 0;margin: 0 0 5px;}
    #playlist .buttons{float: right;}
    #playlist .buttons div{float: left;}
    #playlist .buttons .vorschau{cursor:pointer;background: url("../img/player/vorschau_btn.gif") no-repeat 0 0; width:128px;height: 21px;margin: 0 1px 0 0;}
    #playlist .buttons .save{cursor:pointer;background: url("../img/player/save_btn.gif") no-repeat 0 0; width:128px;height: 21px;margin: 0 1px 0 0;}
    #playlist .buttons .export{cursor:pointer;background: url("../img/player/export_btn.gif") no-repeat 0 0; width:128px;height: 21px;}
    #playlist .sortable{margin:9px 0 17px 0; clear:both; overflow: hidden;}
    #sortable{font-weight: bold; clear:both; overflow: hidden;color:#fff;font-size: 12px;margin: 5px;}
    #sortable li{list-style:decimal; cursor:pointer;float: left;line-height: 0;margin: 0 13px 0 25px;}
    #sortable li .delteBox{width:96px;height:14px;background-color: #01333b;margin: 2px 0 0;}
    #sortable li .delteBox p{font-weight:normal;display: block; padding: 6px 0 0 5px; font-size: 11px;float:left;}
    #sortable li .delteBox .delteliBtn{background: url("../img/ce/x-btn.gif") no-repeat 0 0; width:7px;height:7px;float: right;cursor: pointer;margin: 3px 4px 0 0;}
    #sortable li .delteBox .delteliBtn:hover{background: url("../img/ce/x-btn_hov.gif") no-repeat 0 0;}
   /*ENDE playlist*/

   /*Login & Register Formular*/
    #Form .export_form div, #register .reg_form div {margin: 0 0 15px;overflow: hidden;}
    #Form .export_form div input, #register .reg_form input{float: left;width: 260px;height: 20px;padding: 0; font-size: 11px;}
    #Form .export_form div label, #register .reg_form label{float: left;display:block;/*text-align: right;*/width:88px;margin: 0 14px 0 0;font-size: 12px;padding: 3px 0 0;}
    #Form .export_form .exportButtonOk, #Form .export_form .exportButtonAbbr, #register .reg_form .loginButton {border:none;cursor:pointer;float:left; background: url("../img/ce/anmelden_btn.gif") no-repeat 0 0; width: 128px; height: 21px;}
    #Form .export_form p, #register .reg_form p{width:130px; font-size: 11px; float:left;margin: 0 8px 0 101px;text-align: left;}
    #Form .export_form p a, #register .reg_form p a{color:#00cbe8;}
    #Form .export_form .exportButtonOk{ background: url("../img/ce/ok_btn.gif") no-repeat 0 0;margin: 20px 0 0 0;}
    #Form .export_form .exportButtonAbbr{ background: url("../img/ce/abbr_btn.gif") no-repeat 0 0;margin: 20px 0 0 0;}

    form .label-Text, form .label-Password, form .label-Textarea{font-size: 14px;width:180px; float:left; margin: 2px 15px 0px 0; color: #fff;/*font-weight:bold; display:block; margin: 0 0 5px 0;*/}
    form .type-text, form .type-textarea, form .type-button, form .type-check, form .type-radio, form .type-file{ margin: 0 0 10px 0; position: relative;}
    /*Textfelder*/
    form .type-Text, form .type-Password{ margin: 0 5px 10px 0; }
    form .type-Text input, form .type-Password input{font-size: 14px; height:20px; line-height:20px;padding: 0 5px; border: 1px solid #cdcdcd;width: 200px;}
    form .floatbox .type-Text, form .floatbox .type-Password { float:left; }
    /*Textarea*/
    form .type-textarea{  }
    form .type-Textarea textarea{ height:100px; width:200px;padding: 0 5px; border: 1px solid #cdcdcd;margin: 0 5px 10px 0;}    /*Buttons*/
    /*Buttons*/
    form .button{  }
    form input.button { cursor:pointer;background:#00d2f1;overflow: hidden; border: none; padding:2px 10px 2px 10px; color:#000; font-size: 14px; font-weight:bold;text-transform: uppercase;margin: 0 0 10px 0;}
   /*ENDE Login & Register Formular*/

    /*Export Seite*/
    #export {padding: 20px;}
    #export .headline{ font-size: 30px; margin: 0 0 20px;}
    #export .export_form{margin: 30px 0 0;}
    #format{width:400px;height: 20px;background:#004E5A;color:#fff;border:none; }
    #comment{width: 400px; height:80px;resize: none;background:#004E5A;color:#fff;border:none;}
    /*ENDE Export Seite*/

    /*Help Seite*/
    #help .headline{ font-size: 30px; margin: 0 0 20px; font-weight: normal;}
    #help p{font-size: 14px;margin: 0 0 20px;}
    /*ENDE Help Seite*/


   /*Scrollcontent Playlist*/
    #demo-frame > div.demo {padding: 10px !important;}
    .scroll-pane { /*overflow-x: scroll;*/ width: 100%; float:left;}
    .scroll-content { width: 2440px; float: left; }
    .scroll-content-item { width: 100px; height: 100px; float: left; margin: 10px; font-size: 3em; line-height: 96px; text-align: center; }
    * html .scroll-content-item { display: inline; } /* IE6 float double margin bug */
    .scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px;}
    .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
    .scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
    .scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
    .scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }
    .relative{position: relative;}
   /* ENDE Scrollcontent Playlist*/



    /*START: IMAGEARCHIVE*/
    .videoList{background:#01333b; padding: 5px 5px 32px 5px ; height: 608px;}
    .imageArchive{background:#01333b; padding: 5px 5px 32px 5px ; height: 581px;}
    .imageArchive h2{ margin:0 }
    .scrollContainer{overflow: auto; height: 582px; padding: 0;margin: 5px 0 0; }
    .marginZero{margin: 0;}
    /*ENDE: IMAGEARCHIVE*/

    /*START: Ausrichtung der Thumbanails auf der Uebersichtsseite*/
    .thumbBox {width: 120px;/*height:155px;*/ float: left; margin:0 15px 29px 0; padding: 10px;}
    .thumbBox .imgBox {-webkit-box-shadow: 1px 2px 8px 1px #2e2e2e;box-shadow: 1px 2px 8px 1px #2e2e2e; margin: 0 0 10px 0; height: 120px; width: 120px;background: #004e5a; text-align: center;}
    .thumbBox .name {text-align:center;font-size:14px; color:#fff;  }
    .thumbBox .imgBox img{padding: 10px 0 0 0;}
    .thumbBox .download{display: none;font-size: 14px;}
    .wallpaperDownload:hover .thumbBox{background: #004E5A; /*height: 250px;*/ position: relative;}
    .wallpaperDownload:hover .thumbBox .download{display: block; color: #fff; position: absolute; width: 120px; background: #004e5a;padding: 10px;left:0;margin: 10px 0 0;}
    .wallpaperDownload:hover .thumbBox .download ul li{margin: 5px 0 0 0;}
    .thumbBox .download .textRight{float: right; color: #fff;display: block;}
    .wallpaperDownload:hover .thumbBox .line{border-top: 1px solid #00DAFA; height: 1px; margin: 5px 0 10px; position: absolute;width: 120px;}
   /*ENDE: Ausrichtung der Thumbanails auf der Uebersichtsseite*/


    #prevpic, #prevpicDetail{float:left;margin: 10px 0 0;}
    #prevpic{margin: 10px 10px 0 0; position: relative; }
    #prevpicDetail{background:#02424d; height:430px; width:156px; padding: 10px; }
    #prevpicDetail .date{margin: 0 0 15px; overflow: hidden;}
    #prevpicDetail .date p{font-size: 11px; float: right; }
    #prevpic{width:450px; height: 450px; background: #000;}
    #prevpic img{margin: auto;}
    #prevpic img.zoomLogo{position: absolute; top: 10px; left: 10px; }
    #prevpic img.zoomTrigger { display: block; margin: 10px auto; }
    #prevpicDetail .download ul li{width:120px; overflow: hidden;clear: both; margin: 0 0 5px;}
    #prevpicDetail .download a span.textRight{float: right; color: #fff;display: block;}
    #prevpicDetail .download a span{font-size: 14px;float: left; color: #00DAFA;display: block;}
    #prevpicDetail .download p{margin: 0 0 15px;font-size: 14px;}
    .imageArchive h2.detailViewHeadline{margin: 0 0 5px;}
    .imageArchive .description{margin: 5px 0;font-size: 14px;}

    /* ZOOM */
    #main { position: relative; }
    #main .col2_zoom { overflow:  hidden; width: 308px; height: 602px; }
    #main .col2_zoom .detailImage { top: 0; margin-top: 81px; }
    #main .zoomImage { width: 308px; height: 612px; background: #fff; position: absolute; overflow: hidden; }
    #main .zoomImageFix { width: 308px; top: 612px; height: 80px; background: #fff; position: absolute; overflow: hidden; }
    #main .zoomPreview { position: absolute; display: none; background: #fff; opacity: 0.3; border: 2px solid #929292; cursor:pointer; cursor:-moz-zoom-in; cursor: -webkit-zoom-in; cursor: url(http://intershop.musicstore.de/is-bin/intershop.static/WFS/MusicStore-MusicStoreShop-Site/-/de_DE/imagezoom/images/zoomin.cur); }
    #main .ajaxloader { left: 168px; top: 50%; position: absolute; }
    #main .zoomImage img.ajaxloader { padding: 390px 0 0 390px; }

    #col2Kontakt{padding: 5px;}
    #col2Kontakt .innerCol2Kontakt{font-size: 14px; margin: 35px 0 0 32px;}
    #col2Kontakt .innerCol2Kontakt .headline{padding: 0 0 10px 0;font-size: 16px;}
    #col2Kontakt .innerCol2Kontakt .containerCol2Kontakt{margin: 0 0 15px 0;}

    .errors{color: #f00;}
    .error input{border: 1px solid #f00;}
    #form_user_user .errors{position: absolute;left:454px;margin: -18px 0 0 0; width: 190px;}
    #error-message{display: none; overflow:hidden;}
    #error-message p{float: left; color: #f00;margin:5px 5px 0 0;}
    #error-message .btnClose {float: left;}

    #jw_player_jwplayer_controlbar_durationText, #jw_player_jwplayer_controlbar_elapsedText{width: 41px!important;}
    #jw_player_jwplayer_controlbar_timeSliderRail{width:545px!important;}


}


/* Aufloesung beachten der Groeße */
@media
only screen and (max-width: 995px) {
    #page_margins{width: 978px;}
    /*#col2{width: 318px;}*/
   /* #col2.tile {width: 620px;}*/
}



@media screen and (min-width:1100px) {
    #page_margins.flex{width:1080px;}
    .flex #col2.tile{width: 420px;}
    .flex .clipBox .clipHeadline{width: 372px;}
    .flex .tile .clipBox .clips{ margin: 0 7px 10px 4px;}
/*    .flex{width: 1105px!important; background: #f00}
    .flex #page{width: 1105px}
    .flex #col2.tile {width: 445px}*/

}

@media
only screen and (min-width: 1280px) {
    #page_margins{width:1269px;}
    #col2{width: 609px;}
    .clipBox .clipHeadline{width: 563px;}

    .flex .clipBox .clipHeadline{width: 563px;}
    .flex #col2.tile{width: 609px;}
    #page_margins.flex{width:1269px;}
    .flex .tile .clipBox .clips{margin: 0 14px 10px 11px;}

}